interface DisplayProps {
  history: string;
  currentValue: string;
}

export default function Display({ history, currentValue }: DisplayProps) {
  return (
    <div className="w-full bg-zinc-900 rounded-t-3xl p-4 sm:p-6 text-white">
      {/* 历史记录区域 */}
      <div className="min-h-[30px] sm:min-h-[40px] text-gray-400 text-base sm:text-lg text-right leading-relaxed">
        {history || " "}
      </div>
      
      {/* 当前显示值 */}
      <div className="min-h-[60px] sm:min-h-[80px] text-white text-4xl sm:text-6xl font-light text-right leading-none mt-2 break-all">
        {currentValue}
      </div>
    </div>
  );
}